<html>
<head>
    <title></title>

    <script type="text/javascript" src="/static/js/jquery-1.4.4.min.js"></script>
    <script type="text/javascript" src="/static/js/jquery-ui-1.8.7.custom.min.js"></script>
    <script type="text/javascript" src="/static/js/jquery-ext.js"></script>
    <script type="text/javascript" src="/static/js/state_checker.js"></script>

    <link type="text/css" href="/static/css/jquery-ui-1.8.7.custom.css" rel="stylesheet"/>
    <link type="text/css" href="/static/css/job_manager.css" rel="stylesheet"/>

</head>
<body>
{% block content %}

    <div class="login_panel">
        <div style="text-align:right;">
            <a href="/admin">Admin console</a>
        </div>
        <div style="float:left;margin-right:10px;text-align:right;">
            <img src="/static/images/job_manager_logo.png">
        </div>
        <div  style="float:left;" class="auth_form ui-corner-all">
            {% if form.errors %}
                <p style="color:red;">Wrong login or password</p>
            {% endif %}
            <form method="post" action="/accounts/login/">{% csrf_token %}
                <table>
                    <tr>
                        <td>{{ form.username.label_tag }}</td>
                        <td>{{ form.username }}</td>
                    </tr>
                    <tr>
                        <td>{{ form.password.label_tag }}</td>
                        <td>{{ form.password }}</td>
                    </tr>
                </table>

                <input type="submit" value="login">
                <input type="hidden" name="next" value="{{ next }}">
            </form>
        </div>
    </div>
{% endblock %}
</body>
</html>